حتما براي شما هم پيش آمده كه به دنبال بسياري از افكت هاي منو براي سايت خود باشيد و نتيجه خوب و مطلوبي را بدست نياوريد و يا اينكه از افكت هاي تكراري منو ها خسته شده باشيد و به دنبال يك راهكار جديد باشيد.
در اين پست، نوپرداز قصد دارد به شما ايجاد يك افكت زيبا و بسيار ساده ي منوسايت را آموزش دهد.

امروزه در صنعت فناوري اطلاعات به ويژه طراحي سايت، استفاده از المنت ها و عناصر خاص باعث جذب كاربران در وبسايت خواهد شد. ما در اينجا با استفاده از كدهاي ساده جي كوئري و سي اس اس، يك افكت منو براي شما برنامه نوسي كرده ايم كه استفاده از آن بسيار ساده است.

براي استفاده از اين افكت در منوي سايت خود،
ابتدا در قسمت head سايت خود، فايل jquery.js را ضميمه كنيد. بعد از آن نيز فايل modernizer.js را ضميمه كنين.

سپس كدهاي اسكريپت را بعد از jquery.js بنويسيد.

توجه داشته باشيد در كدهاي اسكريپت، مانند زبانهاي برنامه نويسي ديگر، ترتيب فراخواني و ترتيب كدنويسي ها اهميت بالايي دارد. مثلا برا كدهاي اسكريپت، هميشه بايد كتابخانه ها به ترتيب فراخواني شوند.

ما در ابتدا فايل jquery.js را ضميمه كرديم كه كتابخانه اصلي ماست.

زماني كه قصد داريد آن را در وبسايت خود استفاده كنيد، حتما سلكتور هاي جي اس آن را اصلاح كنين. عدم انجام اين كار موجب ميشود كه تمام منوهاي سايت داراي اين افكت شوند و در نتيجه قالب شما دار مشكل خواهد شد.

مثلا بجاي سلكتور $('ul') از $('ul.main_menu') استفاده نماييد

نكته اي كه در اين كد وجود دارد، وجود يك تگ div با شناسه #marker است. اين همان حاشيه ي لغزنده در پايين گزينه هاي منو است. كه با حركت موس نيز ابجا مي شود.